/**
 * 右侧列表占位
 */

import React from 'react';
import Skeleton from 'react-loading-skeleton';
import './index.scss';

export default class TreeSkeleton extends React.PureComponent {
  render() {
    return (
      <div className="label-skeleton-container">
        <div className="label-skeleton">
          <div className="label-skeleton-item skeleton-wapper title">
            <Skeleton width={100} height={28} />
          </div>
          <div className="label-skeleton-item skeleton-wapper desc">
            <Skeleton width={240} height={20} />
          </div>
          <div className="label-skeleton-item skeleton-wapper">
            <Skeleton width={50} height={20} />
          </div>
          <div className="label-skeleton-item skeleton-wapper">
            <Skeleton width={200} height={20} />
          </div>
          <div className="label-skeleton-item skeleton-wapper">
            <Skeleton width={100} height={20} />
          </div>
          <div className="label-skeleton-item skeleton-wapper">
            <Skeleton width={180} height={20} />
          </div>
          <div className="label-skeleton-item skeleton-wapper">
            <Skeleton width={100} height={20} />
          </div>
          <div className="label-skeleton-item skeleton-wapper">
            <Skeleton width={200} height={20} />
          </div>
        </div>
      </div>
    );
  }
}
